<extend name='Public/demo' />

<block name='contents'>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme/assets/bootstrap-datepicker/css/datepicker.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme/assets/bootstrap-colorpicker/css/colorpicker.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme/assets/bootstrap-daterangepicker/daterangepicker.css" />

	<script src="__PUBLIC__/Admin/User/city/jquery-1.11.3.min.js"></script>
	<script src="__PUBLIC__/Admin/User/city/Popt.js"></script>
	<script src="__PUBLIC__/Admin/User/city/cityJson.js"></script>
	<script src="__PUBLIC__/Admin/User/city/citySet.js"></script>

	<style type="text/css">
	._citys { width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; }
	._citys span { color: #56b4f8; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #56b4f8; cursor: pointer; }
	._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid #56b4f8; padding: 0; margin: 0; }
	._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
	.citySel { background-color: #56b4f8; color: #fff !important; }
	._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
	._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
	._citys1 a:hover { color: #fff; background-color: #56b4f8; }
	.AreaS { background-color: #56b4f8 !important; color: #fff !important; }
	</style>

     <div class="row">
     	<aside class="profile-info col-lg-offset-1 col-lg-10">
     		<section class="panel">
     			<header class="panel-heading">添加用户...</header>
     			<div class="panel-body">
     				<div class="form">
     					<form class="cmxform form-horizontal tasi-form" id="signupForm" method="post" action="{:U('insert')}" novalidate="novalidate" enctype="multipart/form-data" >

     						<div class="form-group ">
     							<label class="control-label col-lg-2">头像</label>
     							<div class="col-lg-10">
     								<input   name="photo" type="file" ></div>
     						</div>

     						<div class="form-group ">
     							<label  class="control-label col-lg-2">邮箱</label>
     							<div class="col-lg-10">
     								<input class=" form-control"  name="username" type="text" placeholder="请输入有效的邮箱"></div>
     						</div>
                                                                                <div class="form-group ">
                                                                                     <label  class="control-label col-lg-2">密码</label>
                                                                                     <div class="col-lg-10">
                                                                                          <input class=" form-control"  name="password" type="password" placeholder="请输入6-18位长度的密码"></div>
                                                                                </div>

     						<div class="form-group ">
     							<label  class="control-label col-lg-2">昵称</label>
     							<div class="col-lg-10" >
     								<input class=" form-control"  name="nickname" type="text" placeholder="昵称"></div>
     						</div>

                                                                                <div class="form-group ">
                                                                                     <label class="control-label col-lg-2" >标签</label>
                                                                                     <div class="col-lg-10">

                                                                                                   <input name="tag" id="tagsinput" class="tagsinput" value="" />

                                                                                     </div>
                                                                                </div>     

     						<div class="form-group ">
     							<label class="control-label col-lg-2" >性别</label>
     							<div class="col-lg-3" style="margin-left:-20px">
     								<label class="checkbox-inline" >
     									<input type="radio"  value="1" name="sex" >男</label>
     								<label class="checkbox-inline">
     									<input type="radio"  value="0" name="sex" >女</label>
     								<label class="checkbox-inline">
     									<input type="radio"  value="2" name="sex" checked>保密</label>
     							</div>
     						</div>

     						<div class="form-group ">
     							<label class="control-label col-lg-2" >账户状态</label>
     							<div class="col-lg-3" style="margin-left:-20px">
     								<label class="checkbox-inline" >
     									<input type="radio" id="inlineCheckbox1" value="0" name="lock" >正常</label>
     								<label class="checkbox-inline">
     									<input type="radio" id="inlineCheckbox2" value="50" name="lock" checked>未激活</label>
     							</div>
     						</div>
     				<!-- 		<div class="form-group ">
     							<label class="control-label col-lg-2" >邮箱验证状态</label>
     							<div class="col-lg-3" style="margin-left:-20px">
     								<label class="checkbox-inline" >
     									<input type="radio"  value="1" name="email_state" >通过</label>
     								<label class="checkbox-inline">
     									<input type="radio"  value="0" name="email_state" checked>待验证</label>
     							</div>
     						</div> -->

     						<div class="form-group ">
     							<label  class="control-label col-lg-2">地址</label>
     							<div class="col-lg-10">
     								<input type="text" name="area" id="city" />     

     								<script type="text/javascript">
                                                                      	$("#city").click(function (e) {
                                                                      		SelCity(this,e);
                                                                      	});
                                                                 </script>
     							</div>
     						</div>

     						<div class="form-group ">
     							<label  class="control-label col-lg-2">出生日期</label>
     							<div class="col-lg-10">
     								<input id="dp1" type="text" value="6-1-2016" size="16" class="form-control" name="birthday"></div>
     						</div>

     						<div class="form-group ">
     							<label  class="control-label col-lg-2">个性签名</label>
     							<div class="col-lg-10">
     								<input class="form-control " name="signature" type="text"></div>
     						</div>

     						<div class="form-group">
     							<div class="col-lg-offset-2 col-lg-10">
     								<button class="btn btn-danger" type="submit">保存</button>
     								<button class="btn btn-default" type="reset">取消</button>
     							</div>
     						</div>
     					</form>
     				</div>
     			</div>
     		</section>
     	</aside>
     </div>

	<!--custom switch-->	
	<script src="__PUBLIC__/Theme/js/bootstrap-switch.js"></script>
	<!--custom tagsinput-->	
	<script src="__PUBLIC__/Theme/js/jquery.tagsinput.js"></script>
	<!--custom checkbox & radio-->	
	<script type="text/javascript" src="__PUBLIC__/Theme/js/ga.js"></script>

	<script type="text/javascript" src="__PUBLIC__/Theme/assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Theme/assets/bootstrap-daterangepicker/date.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Theme/assets/bootstrap-daterangepicker/daterangepicker.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Theme/assets/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Theme/assets/ckeditor/ckeditor.js"></script>

	<!--script for this page-->	
	<script src="__PUBLIC__/Theme/js/form-component.js"></script>

</block>